<!DOCTYPE html>
<html><head>
	<meta charset="UTF-8">
	<meta http-equiv="x-UA-Compatible" content="ie=Edge">
   	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Crafty - 鼠标</title>
	<link rel="shortcut icon" href="../favicon.ico">
	<link type="text/css" rel="stylesheet" href="../craftyjs-site.css">
</head>
<body>
	<div id="header-background"> </div>
	<div id="page-frame">
	<div id="header">
		<nav class="navbar">
  			<div class="container-fluid">
  				<div class="navbar-header">
  					<a class="navbar-brand" href="../"> <img class="logo" src="../images/text-logo.png"> </a>
  					
				</div>
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="../">首页</a></li>
						<li><a href="../getting-started/">快速开始</a></li>
						<li><a href="../documentation/">文档</a></li>
						<li><a href="../api/">API</a></li>
						<li><a href="../components/">组件</a></li>
						<li class="emph"><a href="../#install">下载</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>


	<div id="main">
		<div id="content" class="container">
			
<div id="docs">
	<div id="doc-nav">
		<ul id="doc-level-one">
			<li>
				Topics
				<ul>
					<li>
						<a href="../documentation/">
							文档
						</a>
					</li>
					<li>
						<a href="../documentation/entities.html">
							实体
						</a>
					</li>
					<li>
						<a href="../documentation/events.html">
							事件
						</a>
					</li>
					<li>
						<a href="../documentation/components.html">
							组件
						</a>
					</li>
					<li>
						<a href="../documentation/2d.html">
							2D绘图
						</a>
					</li>
					<li>
						<a href="../documentation/text.html">
							文本
						</a>
					</li>
					<li>
						<a href="../documentation/keyboard.html">
							键盘
						</a>
					</li>
					<li>
						<a href="../documentation/mouse.html">
							鼠标
						</a>
					</li>
					<li>
						<a href="../documentation/sound.html">
							声音
						</a>
					</li>
					<li>
						<a href="../documentation/sprites.html">
							精灵
						</a>
					</li>
					<li>
						<a href="../documentation/scenes.html">
							场景
						</a>
					</li>
					<li>
						<a href="../documentation/gameloop.html">
							游戏循环
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<div id="doc-content" class="markdown">
		

		<h2> 鼠标 </h2>
<p>如果你希望实体响应鼠标事件，那就给它添加 <a href="../api/Mouse.html">Mouse</a> 组件。它将接收标准DOM风格的鼠标事件: "MouseDown", "Click", 等等。(注意大小写)</p>
<ul>
<li>实体使用 DOM 渲染时，直接使用 DOM 事件。</li>
<li>Crafty 在其他绘制模式下使用实体的最小外接矩形。</li>
<li>碰撞组件的实体将使用实体的碰撞盒子代替最小外接矩形。</li>
<li>你可以通过提供一个多边形指定的可点击区域覆盖这些行为； 见 <a href="../api/Mouse.html#-areaMap">区域地图</a> 文档</li>
</ul>
<p>参见 <a href="../api/Draggable.html">Draggable</a> 组件。</p>
	</div>
</div>
			
		</div>
	</div>
	<div class="clearer"></div>
	<div id="footer">
		<div id="contact">
			<a href="https://groups.google.com/forum/#!forum/craftyjs">
				<img src="../images/google.png">
				google groups</a>
			<a href="mailto:starwed@gmail.com">
				<img src="../images/email.png">
				starwed@gmail.com</a>
			<a href="https://github.com/craftyjs/Crafty">
				<img src="../images/github.png">
				github</a>
		</div>
		<ul>
			<li><a href="../">首页</a></li>
				<li><a href="../getting-started/">快速开始</a></li>
				<li><a href="../documentation/">文档</a></li>
				<li><a href="../api/">API</a></li>
				<li><a href="../components/">组件</a></li>
				<li class="emph"><a href="../#install">下载</a></li>
		</ul>
		<p>
			© Crafty 2010-2015. Crafty is distributed under the <a href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a>.
		</p>
	</div>
</div>


</body></html>